<div class="container">
    <!-- 左边 -->
    <span>
        <i class="iconfont icon-Cellphone"></i>手机版</span>
    <span>Q币充值</span>
    <!-- 右边 -->
    <ul>
        <li>
            <a href="##">你还未登录，请
                <strong>登录</strong>
            </a>
        </li>
        <li>
            <a href="##">我的订单</a>
        </li>
        <li>
            <a href="##">个人中心</a>
        </li>
        <li>
            <a href="##">帮助中心</a>
        </li>
        <li>
            <a href="##" class="yxdh">
                <p>游戏导航
                    <i>⌵</i>
                </p>
            </a>
        </li>
    </ul>
    <!-- 隐藏列表 -->
    <div class="top_list">
        <div>
            <h4>角色扮演
                <i>(18)</i>
            </h4>
            <h4>竞技游戏
                <i>(11)</i>
            </h4>
            <h4>休闲游戏
                <i>(3)</i>
            </h4>
            <h4>网页游戏
                <i>(6)</i>
            </h4>
        </div>
        <div>
            <ul>
                <li>
                    <a href="##">上古世纪</a>
                </li>
                <li>
                    <a href="##">冒险岛2
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">御龙在天经典版</a>
                </li>
                <li>
                    <a href="##">QQ幻想</a>
                </li>
                <li>
                    <a href="##">斗战神</a>
                </li>
                <li>
                    <a href="##">地下城与勇士
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">轩辕</a>
                </li>
                <li>
                    <a href="##">天堂2</a>
                </li>
                <li>
                    <a href="##">仙侠传</a>
                </li>
                <li>
                    <a href="##">自由幻想</a>
                </li>
                <li>
                    <a href="##">天堂</a>
                </li>
                <li>
                    <a href="##">幻想世界</a>
                </li>
                <li>
                    <a href="##">QQ三国
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">疾风之刃</a>
                </li>
                <li class="bor_bottom">
                    <a href="##">刀剑2</a>
                </li>
                <li>
                    <a href="##">剑灵
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">御龙在天
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">天涯明月刀
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">NBA2KOL2
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">极品飞车OL</a>
                </li>
                <li>
                    <a href="##">战争雷霆</a>
                </li>
                <li>
                    <a href="##">NBA2KOL
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">CODOL使命...
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">英雄联盟
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">穿越火线
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">枪神纪</a>
                </li>
                <li>
                    <a href="##">逆战
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">FIFA OL3
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">FIFA OL4
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">炫舞时代</a>
                </li>
                <li>
                    <a href="##">QQ飞车
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">QQ炫舞
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">捕鱼达人3D</a>
                </li>
                <li>
                    <a href="##">英魂之刃</a>
                </li>
                <li>
                    <a href="##">火影忍者On...
                        <i class="iconfont icon-icon-test"></i>
                    </a>
                </li>
                <li>
                    <a href="##">部落守卫(...</a>
                </li>
                <li>
                    <a href="##">宠物大乱斗</a>
                </li>
                <li>
                    <a href="##">烽火战国</a>
                </li>
            </ul>
        </div>
    </div>
</div>